<template>
<!-- 入口  -->
<div class="content-box">
    <div class="index-content">
        <p class="index-des">采购管理 —— 快捷入口</p>
        <div class="index-entry">
            <a href="javascript:;" class="index-entry-items1" @click="BOMPurchaseOrder">BOM采购订单</a>
            <a href="javascript:;" class="index-entry-items2" @click="OtherPurchase">其他采购</a>
            <a href="javascript:;" class="index-entry-items3" @click="PurchaseWarehouseOrders">采购入仓单</a>
            <a href="javascript:;" class="index-entry-items4" @click="PurchaseInvoice">采购发票</a>
            <a href="javascript:;" class="index-entry-items5" @click="PaymentOrders">付款单</a>
            <a href="javascript:;" class="index-entry-items6" @click="PurchaseImport">采购进货单</a>
        </div>
    </div>
</div>
</template>
<script>
export default {
    name: 'Entrance',
    data() {
        return {}
    },
    methods: {
        BOMPurchaseOrder(){
            this.$router.push({
                path:'/BOMPurchaseOrder',
                query:{
                    News:true
                }
            })
        },
        OtherPurchase(){
            this.$router.push({
                path:'/OtherPurchase',
                query:{
                    News:true
                }
            })
        },
        PurchaseWarehouseOrders(){
            this.$router.push({
                path:'/PurchaseWarehouseOrders',
                query:{
                    News:true
                }   
            })
        },
        PurchaseInvoice(){
            this.$router.push({
                path:'/PurchaseInvoice',
                query:{
                    News:true
                }
            })            
        },
        PaymentOrders(){
            this.$router.push({
                path:'/PaymentOrders',
                query:{
                    News:true
                }
            })            
        },
        PurchaseImport(){
            this.$router.push({
                path:'/PurchaseImport',
                query:{
                    News:true
                }
            })            
        },
    },
    mounted() {}
}
</script>
<style scoped lang="scss">
@import '../../common/css/index.css';
.index-des {
    width: 1380px;
    margin: 30px auto 20px auto;
    font-size: 16px;
    font-weight: bold;
}
.index-entry {
    width: 1380px;
    height: 200px;
    line-height: 200px;
    background-color: #FFF;
    margin: 0 auto;
    box-shadow: 1px 1px 5px 1px #DDD;
    .index-entry-items1 {
        background: url(/static/content/images/SupplyChain/BOMPurchaseOrder.png) no-repeat;
        background-size: 100%;
    }
    .index-entry-items2 {
        background: url(/static/content/images/SupplyChain/OtherPurchase.png) no-repeat;
        background-size: 100%;
    }
    .index-entry-items3 {
        background: url(/static/content/images/SupplyChain/PurchaseWarehouseOrders.png) no-repeat;
        background-size: 100%;
    }
    .index-entry-items4 {
        background: url(/static/content/images/SupplyChain/PurchaseInvoice.png) no-repeat;
        background-size: 100%;
    }
    .index-entry-items5 {
        background: url(/static/content/images/SupplyChain/PaymentOrders.png) no-repeat;
        background-size: 100%;
    }
    .index-entry-items6 {
        background: url(/static/content/images/SupplyChain/PurchaseImport.png) no-repeat;
        background-size: 100%;
    }
    a {
        display: inline-block;
        width: 101px;
        height: 120px;
        text-align: justify;
        text-align: center;
        color: #000;
        margin: 50px 0 0 108.3333px;
        text-decoration: none;
        padding:15px 0;
    }
}
</style>
